<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
    var list = [2,8,4,6];  // length:4

    // 在数组的尾部添加一个新的元素 =>  3
    // 下标的最大值 = length - 1   
    // 下标最大值的后一位  =>  (length - 1) + 1  => length

    // list[4] = 3;
    // console.log(list);    // [2,8,4,6,3]  length:5

    // list[5] = 7;
    // console.log(list);
 
    // 数组的递增赋值 ( 在数组的尾部添加一个新的元素)
    var list = [2,8,4,6];  // length:4
    list[list.length] = 3; // list[4] = 3;  =>  [2,8,4,6,3]    length:5
    list[list.length] = 7; // list[5] = 7;  =>  [2,8,4,6,3,7]  length:6
    list[list.length] = 1; // list[6] = 1;  =>  [2,8,4,6,3,7,1]  length:7
    console.log(list);

    // 封装一个方法 => 向一个数组的尾部添加一个元素
    function push(list,item){
        // var list = [2,8,4,6];  // length:4
        list[list.length] = item; 
        return list;
    }

    var arr = [1,2,3];
    var result = push(arr,4);
    console.log(result);


    // 删除数组尾部的元素 
    var list = [2,8,4,6];  
    // list.length--;
    console.log(list);

    function pop(list){
        // var list = [2,8,4,6];  
        list.length--;  // list.length = list.length - 1
        return list;
    }

    var result = pop(list);
    console.log(result);

    // 思考   var list = [2,8,4,6]
    // 在数组的头部 添加一个元素 
    // 在数组的头部 删除一个元素 


    // var arr = [2,8,4,6];
    // var brr = []; // 0
    // for(var i=0;i<arr.length;i++){
    //     var item = arr[i];
    //     brr[brr.length] = item; 
    // }


</script>
</html>